<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html class="no-js">
  <head>
   
    
    <title>订单详情</title>
<meta name="description" content="这是一个 index 页面">
<meta name="keywords" content="index">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="icon" type="image/png" href="assets/i/favicon.png">
<link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<link rel="stylesheet" href="assets/css/amazeui.min.css"/>
<link rel="stylesheet" href="assets/css/admin.css">
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/app.js"></script>

		</head>


<body>
<header class="am-topbar admin-header">
  <div class="am-topbar-brand"><img src="assets/i/logo.png"></div>

  <div class="am-collapse am-topbar-collapse" id="topbar-collapse">
    <ul class="am-nav am-nav-pills am-topbar-nav admin-header-list">

   <li class="am-dropdown tognzhi" data-am-dropdown>
  <button class="am-btn am-btn-primary am-dropdown-toggle am-btn-xs am-radius am-icon-bell-o" data-am-dropdown-toggle>${user.username}&nbsp;&nbsp;&nbsp;</button>
  <ul class="am-dropdown-content">
  	
  	
  	
    <!--<li class="am-dropdown-header">所有消息都在这里</li>-->

    

    <li><a href="exitLogin">用户注销<span class="am-badge am-badge-danger am-round"></span></a></a></li>
    <!--<li><a href="#">未处理汇款</a></li>
    <li><a href="#">未发放提现</a></li>
    <li><a href="#">未发货订单</a></li>
    <li><a href="#">低库存产品</a></li>
    <li><a href="#">信息反馈</a></li>-->
    
    
    
  </ul>
</li>

 <!--<li class="kuanjie">
 	
 	<a href="#">会员管理</a>          
 	<a href="#">奖金管理</a> 
 	<a href="#">订单管理</a>   
 	<a href="#">产品管理</a> 
 	<a href="#">个人中心</a> 
 	 <a href="#">系统设置</a>
 </li>-->

 <!--<li class="soso">
 	
<p>   
	
	<select data-am-selected="{btnWidth: 70, btnSize: 'sm', btnStyle: 'default'}">
          <option value="b">全部</option>
          <option value="o">产品</option>
          <option value="o">会员</option>
          
        </select>

</p>

<p class="ycfg"><input type="text" class="am-form-field am-input-sm" placeholder="圆角表单域" /></p>-->
<!--<p><button class="am-btn am-btn-xs am-btn-default am-xiao"><i class="am-icon-search"></i></button></p>-->
 </li>




      <li class="am-hide-sm-only" style="float: right;"><a href="javascript:;" id="admin-fullscreen"><span class="am-icon-arrows-alt"></span> <span class="admin-fullText">开启全屏</span></a></li>
    </ul>
  </div>
</header>

<div class="am-cf admin-main"> 

<div class="nav-navicon admin-main admin-sidebar">
    
   <div class="sideMenu am-icon-dashboard"
				style="color:#aeb2b7; margin: 10px 0 0 0;"> 欢迎系统管理员：${user.username}</div>
    <div class="sideMenu">
      <h3 class="am-icon-flag">
					<em></em> <a href="#">订单管理</a>
				</h3>
      <ul>
        <li><a href="orderList">订单列表</a></li>
        <!--<li class="func" dataType='html' dataLink='msn.htm' iconImg='images/msn.gif'>添加订单</li>-->
        <li><a href="addorder">添加订单</a></li>
       <!--<li><a href="商品列表.html">订单详情</a></li>-->

      </ul>
      <h3 class="am-icon-cart-plus">
					<em></em> <a href="#"> 物品管理</a>
				</h3>
      <ul>
        <li><a href="getAllGoods">物品详情</a></li>
      </ul>
      <h3 class="am-icon-cart-plus">
					<em></em> <a href="#"> 房间管理</a>
				</h3>
      <ul>
        <li><a href="getAllRoom">房间信息</a></li>
        <li><a href="roomListU">房间类型信息</a></li>
      </ul>
      <!--<h3 class="am-icon-users"><em></em> <a href="#">会员管理</a></h3>
      <ul>
        <li>会员列表 </li>
        <li>未激活会员</li>
        <li>团队系谱图</li>
        <li>会员推荐图</li>
        <li>推荐列表</li>
      </ul>
      <h3 class="am-icon-volume-up"><em></em> <a href="#">信息通知</a></h3>
      <ul>
        <li>站内消息 /留言 </li>
        <li>短信</li>
        <li>邮件</li>
        <li>微信</li>
        <li>客服</li>
      </ul>
      <h3 class="am-icon-gears"><em></em> <a href="#">系统设置</a></h3>
      <ul>
        <li>数据备份</li>
        <li>邮件/短信管理</li>
        <li>上传/下载</li>
        <li>权限</li>
        <li>网站设置</li>
        <li>第三方支付</li>
        <li>提现 /转账 出入账汇率</li>
        <li>平台设置</li>
        <li>声音文件</li>
      </ul>-->
    </div>
    <!-- sideMenu End --> 
    
    <script type="text/javascript">
			jQuery(".sideMenu").slide({
				titCell:"h3", //鼠标触发对象
				targetCell:"ul", //与titCell一一对应，第n个titCell控制第n个targetCell的显示隐藏
				effect:"slideDown", //targetCell下拉效果
				delayTime:300 , //效果时间
				triggerTime:150, //鼠标延迟触发时间（默认150）
				defaultPlay:true,//默认是否执行效果（默认true）
				returnDefault:true //鼠标从.sideMen移走后返回默认状态（默认false）
				});
				
			function addorder(){
				var roomid=document.getElementById("room").value;
				var name=document.getElementById("name").value;
				var idcard=document.getElementById("idcard").value
				var idcardlength=document.getElementById("idcard").value.length;
				var vipid=document.getElementById("vipid").value;
				
					
				if(idcardlength==18){
						window.location.href="addlast?roomid="+roomid+"&name="+name+"&idcard="+idcard+"&vipid="+vipid;			
				
				}else{
						var err=document.getElementById("err");
						err.innerHTML="✘身份证号格式有误";
				}
			
			}
				
		</script> 

    
    
    
    
    
    
    
</div>

<div class=" admin-content">
	
		<div class="daohang">
			<ul>

<li><button type="button" class="am-btn am-btn-default am-radius am-btn-xs">前台<a href="getAllGoods" class="am-close am-close-spin" data-am-modal-close="">×</a></button></li>

<c:if test="${user.roleid==1}">
				
				
				<li><button type="button" class="am-btn am-btn-default am-radius am-btn-xs">后台管理<a href="GMgetAllGoods" class="am-close am-close-spin" data-am-modal-close="">×</a></button></li>				
				
				
				</c:if>		
				
			</ul>

       

	
</div>
	
	


<div class="admin-biaogelist">
	
    <div class="listbiaoti am-cf">
      <ul class="am-icon-flag on">添加订单</ul>
      
      <dl class="am-icon-home" style="float: right;"> 当前位置： 首页 > <a href="#">添加订单</a></dl>

      
      
    </div>
	
    <div class="fbneirong">
      <form class="am-form">
        <div class="am-form-group am-cf">
          <div class="zuo">房间类型：</div>
          <div class="you">
            <!--
            	作者：offline
            	时间：2018-04-23
            	描述：
           <input type="email" class="am-input-sm" id="doc-ipt-email-1" placeholder="请输入标题">
         		 -->
         		 <select id="roomType" onchange="changetype()">
         		 		<option value="0">--=所有房间=--</option>
         		 		<c:forEach items="${roomtype}" var="rtype">
         		 			<option value="${rtype.roomtypeid}">${rtype.roomtypename}</option>
         		 		</c:forEach>
         		 		
         		 	
         		 </select>
          </div>
        </div>
        <div class="am-form-group am-cf">
          <div class="zuo">房间号码：</div>
          <div class="you">
           <!--
          <input type="password" class="am-input-sm" id="doc-ipt-pwd-1" placeholder="请输入关键词">
        	 -->
       				 <select id="room" >
         	<script type="text/javascript">
          		$(function(){ 
          			changetype();
          		});
          		
          		
				function changetype(){
					var type=document.getElementById("roomType").value;//获取房间类型id
					 var sele = document.getElementById("room");//room的标签
					//alert(type);
					if(type==0){
							 /* $("#room").empty();
  							 var option = document.createElement("option"); //创建一个标签
 							 option.innerHTML = "--=所有房间=--";  //给标签赋值
 							 option.setAttribute("value", 0);//id赋值
 							 sele.appendChild(option);  //将创建好的li标签追加到box标签中 */
 							 $("#room").empty();
							 <c:forEach items="${room}" var="room">
										 var option = document.createElement("option"); //创建一个标签
         		 				 		 option.innerHTML = "${room.roomid}";  //给标签赋值
         		 				 		 option.setAttribute("value", ${room.roomid});//id赋值
         		 						 sele.appendChild(option);  //将创建好的li标签追加到box标签中
         		 			</c:forEach>
					}else{
							 $("#room").empty();
							 <c:forEach items="${room}" var="room">
         		 					if (type==${room.roomtypeid}) {
										 var option = document.createElement("option"); //创建一个标签
         		 				 		 option.innerHTML = "${room.roomid}";  //给标签赋值
         		 				 		 option.setAttribute("value", ${room.roomid});//id赋值
         		 						 sele.appendChild(option);  //将创建好的li标签追加到box标签中
									}
         		 			</c:forEach>
					}
				}
				
          	</script>
         		 		
         		 	
         			</select>
          	
          </div>
        </div>
        <div class="am-form-group am-cf">
          <div class="zuo">住户姓名：</div>
          <div class="you">
             <input type="text" class="am-input-sm"    id="name" placeholder="输入姓名">
          </div>
        </div>
        <div class="am-form-group am-cf">
          <div class="zuo">住户身份证：</div>
          <div class="you">
             <input type="text"  onkeyup="this.value=this.value.replace(/^ +| +$/g,'')" class="am-input-sm" name="idcard"  id="idcard" placeholder="输入身份证">
             <p id="err" style="color: red"></p>
          </div>
        </div>
        <!--
        <div class="am-form-group am-cf">
          <div class="zuo">缩略图：</div>
          <div class="you"><input type="file" id="doc-ipt-file-1"> </div>
        </div>
        
        <div class="am-form-group am-cf">
          <div class="zuo">产品图片：</div>
          <div class="you" style="height: 45px;">
            <input type="file" id="doc-ipt-file-1">
            <p class="am-form-help">请选择要上传的文件...</p>
          </div>
        </div>
        -->
        
        <div class="am-form-group am-cf">
        </div>
        
        <div class="am-form-group am-cf">
           <div class="zuo">客户身份：</div>
          <div class="you">
         		 <select id="vipid">
         		 		<c:forEach items="${vip}" var="vip">
         		 			<option value="${vip.vipid}">${vip.vipname}</option>
         		 		</c:forEach>
         		 </select>
        </div>
        </div>
        
        
        <div class="am-form-group am-cf">
        <div class="zuo"></div>
        <div class="you" style="margin-top: 5px;">
          <label class="am-checkbox-inline">
           </label>
          <label class="am-checkbox-inline">
              </label>
          <label class="am-checkbox-inline">
            </label>
            </div>
        </div>
        <div class="am-form-group am-cf">
          <div class="you" style="margin-left: 11%;">
              <button type="button" onclick="addorder()" class="am-btn am-btn-success am-radius">添加订单</button>
              <!--&nbsp;  &raquo; &nbsp; <button type="submit" class="am-btn am-btn-secondary am-radius">发布并继续发布</button>-->

          </div>
        </div>
      </form>
    </div>

  
 
 <div class="foods">
  <ul>
    版权所有OVO酒店管理<a href="#" target="_blank" title="">OVO酒店</a> -  More Templates
  </ul>
  <dl>
    <a href="" title="返回头部" class="am-icon-btn am-icon-arrow-up"></a>
  </dl>
</div>




</div>

</div>




</div>

<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/polyfill/rem.min.js"></script>
<script src="assets/js/polyfill/respond.min.js"></script>
<script src="assets/js/amazeui.legacy.js"></script>
<![endif]--> 

<!--[if (gte IE 9)|!(IE)]><!--> 
<script src="assets/js/amazeui.min.js"></script>
<!--<![endif]-->



</body>
</html>
